<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>发现</title>
    <link type="text/css" href="./css/faxian.css" rel="stylesheet" >
</head>
<body>
<div class="box">
    <div class="one_box">
        <p>发现</p>
        <img src="img/搜索.png" alt="">
        <img src="img/加号.png" alt="" id="jiahao">
    </div>
    <div class="two_box">
        <div class="top">
            <div class="top_1">
                <img src="img/朋友圈.png" alt="" style="height: 90px;margin-top: 30px;margin-left: 20px">
            </div>
            <div class="top_2">
                <p style="font-family:华文楷体">朋友圈</p>
            </div>
            <div class="top_3">
                <img src="img/右箭头.png" alt="">
            </div>
        </div>
        <div class="midden">
            <div class="midden_1">
                <div class="top_1">
                    <img src="img/微信扫一扫.png" alt="" style="height: 90px;margin-top: 30px;margin-left: 20px">
                </div>
                <div class="top_2">
                    <p style="font-family:华文楷体">扫一扫</p>
                </div>
                <div class="top_3">
                    <img src="img/右箭头.png" alt="">
                </div>
            </div>
            <hr style="width: 84%;float: right">
            <div class="midden_2">
                <div class="top_1">
                    <img src="img/摇一摇.png" alt="">
                </div>
                <div class="top_2">
                    <p style="font-family:华文楷体">摇一摇</p>
                </div>
                <div class="top_3">
                    <img src="img/右箭头.png" alt="">
                </div>
            </div>
            </div>
        <div class="midden_3">
            <div class="top_1">
                <img src="img/搜一搜icon.png" alt="">
            </div>
            <div class="top_2">
                <p style="font-family:华文楷体">搜一搜</p>
            </div>
            <div class="top_3">
                <img src="img/右箭头.png" alt="">
            </div>
        </div>
        <div class="midden_4">
            <div class="top_1">
                <img src="img/微信游戏.png" alt="">
            </div>
            <div class="top_2">
                <p style="font-family:华文楷体">游戏</p>
            </div>
            <div class="top_3">
                <img src="img/右箭头.png" alt="">
            </div>
        </div>
        <div class="bottom">
            <div class="top_1">
                <img src="img/小程序.png" alt="">
            </div>
            <div class="top_2">
                <p style="font-family:华文楷体">小程序</p>
            </div>
            <div class="top_3">
                <img src="img/右箭头.png" alt="">
            </div>

        </div>
    </div>
    <div class="three_box">
        <ul>
            <li>
                <a href="消息.html">
                    <img src="img/11.png" alt="">
                    <span>消息</span>
                </a>
            </li>
            <li>
                <a href="通讯录.html">
                    <img src="img/22.png" alt="">
                    <span>通讯录</span>
                </a>
            </li>
            <li>
                <a href="发现.html" style="color: #3fc20c">
                    <img src="img/333.png" alt="">
                    <span>发现</span>
                </a>
            </li>
            <li>
                <a href="我的.html" >
                    <img src="img/44.png" alt="">
                    <span>我</span>
                </a>
            </li>
        </ul>
    </div>
</div>
</body>
</html>